<template>
  <!-- vue3 可以有多个根元素 -->
  <h1 class="red">App根组件</h1>
  <p>{{msg}}</p>
  <p>{{count}}</p>
  <button @click="add">add</button>
</template>

<script>
export default {
  data() {
    return {
      msg: 'hello vue3!',
      count:1
    }
  },
  methods: {
    add() {
      this.count++
    }
  },
}
</script>

<style>
 .red {
  color:red;
 }
</style>

